import {$,$$} from "../modules/public.js";
import ajax from "../modules/ajax.js";

for(let i=0;i<$$(".L2 input").length;i++){
  $$(".L2 input")[i].oninput=function(){
    
    if($(".tel").value&&$(".email").value&&$(".pw1").value&&$(".pw2").value&&$(".pw1").value===$(".pw2").value){
      $(".btn2").disabled=false
    }
  }
}
for(let i=0;i<$$(".L1 input").length;i++){
  $$(".L1 input")[i].oninput=function(){
    $(".txt").className="txt"
    $(".pw").className="pw"
    if($(".txt").value&&$(".pw").value){
      $(".btn1").disabled=false
    }
  }
}
$(".s2").onclick=function(){
  location.assign("http://localhost:3000/index.html")
}


$(".btn1").onclick=function(){
  ajax({
    url:"http://localhost:3000/login",
    method:"get",
    data:{
      tel:$(".txt").value,
      password:$(".pw").value
    }
  }).then(res=>{
    res=JSON.parse(res);
    if(res.code===3){
      $(".txt").value=''
      $(".txt").focus()
      $(".txt").className="form-control is-invalid txt" 
      $("#validationServer01Feedback").innerHTML=res.msg
    }else if(res.code===2){
      $(".pw").value=''
      $(".pw").focus()
      $(".pw").className="form-control is-invalid pw" 
      $("#validationServer02Feedback").innerHTML=res.msg
    }else if(res.code===1){
      sessionStorage.setItem("token",res.data)
      location.assign("http://localhost:3000/index.html")
    }
  })
}
$(".btn2").onclick=function(){
  ajax({
    url:"http://localhost:3000/register",
    method:"post",
    data:{
      tel:$(".tel").value,
      email:$(".email").value,
      password:$(".pw2").value
    }
  }).then(res=>{
    console.log(res);
  })
  
}


let a=$$(".nav-link")[0]
$(".L2").style .display="none"
$(".nav").onclick=function(e){
  const eve=e||window.event
  const target=e.target||src.Element
  if(target.className==='nav-link'){
    if(target===$$(".nav-link")[0]){
      $(".L1").style .display="block"
      $(".L2").style .display="none"
    }else{
      $(".L1").style .display="none"
      $(".L2").style .display="block"
    }
    target.className="nav-link active"
    target.ariaCurrent="page"
    a.className="nav-link"
    a.ariaCurrent=""
    a=target
    }
}
console.log(location.hash);
if(location.hash==="#register"){
  $$(".nav-link")[1].click()
}